<template>
  <div>
    <div class="col-12 index-1">
      <div class="index-2 shadow-sm">
        <slot name="first">
          <el-empty
          :image-size="200"
          :image="require(`bodyLeftDefaultImage`)"
        ></el-empty>
        </slot>
      </div>
    </div>

    <div class="col-12 index-1">
      <div class="index-2 shadow-sm">
        <slot name="second">
          <el-empty
          :image-size="200"
          :image="require(`bodyLeftDefaultImage`)"
        ></el-empty>
        </slot>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.index-1 {
  padding-left: 0;
}
.index-2 {
  height: 250px;
  margin-top: 5px;
  padding-left: 0;
  background-color: white;
}
</style>